모바일 메뉴는 어두운 배경이라 검은 글자 로고가 보이지 않습니다. 흰색/밝은 색 로고를 따로 올리세요. 비워두면 기본 로고를 사용합니다.
R2 업로드☁ 업로드
페이지 하단(회사정보) 로고 — 비워두면 기본 로고 사용
R2 업로드☁ 업로드
시공사진 페이지 상단 로고 — 밝은 바탕용 (비우면 기본 로고)
R2 업로드☁ 업로드
공유 미리보기 사진 — 블로그·카톡·문자에 링크를 걸 때 보이는 사진
네이버 블로그나 카카오톡에 홈페이지 주소를 넣으면 이 사진이 함께 표시됩니다. 가로로 긴 사진(권장 1200×630)이 잘리지 않고 예쁘게 나옵니다. 비워두면 기본 3연동 사진이 쓰입니다.
R2 업로드☁ 업로드
바꾼 뒤에는 네이버·카카오가 기억해 둔 옛 사진을 지워야 바로 반영됩니다 — 아래 안내를 참고하세요.
상호 · 태그라인 · 메인 문구
히어로 글자 · 배경 판
제목 색설명 색배경 판 색{{ heroPanelLabel }}{{ heroShadowLabel }}
배경 판을 끄고 글자 그림자만 켜면 사진을 가리지 않으면서도 글자가 읽힙니다.
메인 1~5번 항목의 개별 소개 문구는 [제품] 탭에서 수정합니다. 설명의 첫 단락만 메인에 노출되고, 전체 내용은 제품 상세 페이지에 표시됩니다.
관리자 화면 테마 (이 브라우저에만 적용 · 사이트와 무관)
{{ t.label }}
사이트 테마 프리셋 (10종)
{{ t.label }}
색상 직접 조정
프리셋 색으로 되돌리기
{{ c.label }}
본문 글꼴
{{ f.label }}중문 시공 가나다 ABC 123
제목 글꼴
{{ f.label }}현관의 첫 인상
제품 페이지 상단 사진 밝기
3연동 중문
메인 배경 · 표시 방식
{{ modeBtn }}누르면 전환 · 사진과 동영상은 섞여 순환하지 않습니다
+ 사진 R2 업로드+ 동영상 R2 업로드☁ 사진 업로드 (권장)☁ 동영상 업로드 (Cloudinary)+ 동영상 URL 칸+ 사진 URL 칸
동영상은 Cloudinary 업로드를 사용하세요(브라우저 저장으로는 용량 초과). 권장: 1분 이하 · mp4(H.264) · 가로 1920px · 6MB 내외 · 음성 없음. 모바일에서는 자동재생·무음·반복 재생됩니다.
{{ m.kindLabel }}
Cloudinary 동영상은 H.264로 자동 변환해 재생합니다. 소니 베가스 등에서 내보낼 때는 HEVC(H.265)가 아닌 “MAGIX AVC/AAC MP4” 또는 H.264 프로필을 선택하세요 — HEVC는 브라우저가 재생하지 못합니다.
{{ m.kindToggle }}↑↓삭제
화면 보정 · 적용 대상
{{ fxImageBtn }}{{ fxVideoBtn }}
보정을 끄면 색보정·사선·비네팅이 모두 빠지고 원본으로 노출됩니다. 문구 가독성을 위한 어둡게 그라데이션은 항상 유지됩니다.
보정 값 · 프리셋
{{ p.label }}
미리보기
{{ f.title.v }}
메뉴 · 하부 카테고리
+ 대메뉴 추가
왼쪽 ⠿ 손잡이를 끌어 대메뉴와 하위 항목의 순서를 바꿀 수 있고, 하위 항목은 다른 대메뉴로도 옮길 수 있습니다. ‘홈’ 버튼은 항상 고정 노출됩니다. 하위 항목은 제품에서 바로 추가 버튼으로 클릭 한 번에 만들고, ⟳ 제품과 동기화를 누르면 제품 목록 전체가 그대로 메뉴가 됩니다.
시공사진 업로드 · ① 사진 → ② 기본값 전체 적용 → ③ 사진별 개별 수정 → ④ 등록
옵션 항목을 추가·수정하려면 [시공사진 옵션] 탭으로 이동하세요.
+ 사진 올리기
업로드 창이 열립니다 · 끌어다 놓거나 골라서 한꺼번에 R2 업로드
{{ dupNote }}닫기
☁ Cloudinary 로 올리기{{ pendingLabel }}
URL 불러오기
② 기본값 선택 후 [전체 적용] — 이후 사진별로 개별 수정
{{ t.label }}
+ 제품 분류 추가
{{ g.name }}
{{ o.label }}
▼ 위 설정을 모든 사진에 전체 적용
③ 사진별 개별 분류 · {{ pendingLabel }} · 사진에 커서를 올리면 확대됩니다
✕
{{ p.no }}
{{ p.tagLabel }} {{ p.doneMark }}
{{ t.label }}
{{ g.name }}
{{ o.label }}
{{ commitLabel }}선택 초기화
{{ saveBtnLabel }}모바일 방문자가 사진을 크게 보는 화면 아래에 [이 사진 저장하기] 버튼을 띄울지 결정합니다.
{{ adminGalleryCount }}
{{ galAllLabel }}목록 닫기전체 삭제
등록된 사진 목록은 필요할 때만 불러옵니다. 사진이 많을수록 관리 화면이 무거워지므로 기본은 닫혀 있습니다.
등록된 사진 관리하기 ({{ adminGalleryTotal }})
찾기{{ galFilterLabel }}조건 해제
{{ t.label }}
{{ g.name }}
{{ o.label }}
조건에 맞는 사진이 없습니다.
{{ g.optSummary }}
{{ g.hideLabel }}{{ g.editLabel }}삭제
{{ grp.name }}
{{ o.label }}
클릭해 켜고 끕니다. 변경 후 상단 [저장]을 눌러야 반영됩니다.
{{ galMoreLabelAdmin }}
시공사진 옵션 그룹 · 분류 기준 (등록된 사진의 옵션은 [시공사진 업로드] 탭 → 사진 관리에서 수정)
+ 그룹 추가
{{ optNote }}
{{ g.multiLabel }}{{ g.filterLabel }}삭제
◀✕
+ 추가
‘필터 노출 ON’ 그룹의 항목이 시공 사진 페이지 상단 필터 칩으로 표시됩니다. 항목 이름을 고치면 이미 그 이름이 붙은 사진들에도 자동으로 반영됩니다.
회사 기본 정보 (하단 노출)
+ 항목 추가
삭제
방문자 통계
{{ visitNote }}⟳ 집계 새로고침
오늘 방문
{{ statToday }}
누적 방문
{{ statTotal }}
기간별 방문{{ calTitle }}{{ calSum }}
월연
‹›
{{ d.label }}
{{ c.day }}{{ c.n }}
{{ mo.n }}
{{ mo.label }}
날짜별 기록은 최신 _worker.js 배포 후 방문부터 쌓입니다. 오늘·누적 숫자는 기존 집계를 그대로 유지합니다.
지역별 접속 — 도시 단위
{{ g.city }}{{ g.n }} · {{ g.pct }}
아직 집계된 지역이 없습니다. 배포 후 방문이 발생하면 쌓입니다. (KV 연결과 최신 _worker.js 가 필요합니다)
해외 · 탐사 로봇 — {{ abroadLabel }}{{ abroadCaret }}
{{ ab.city }}{{ ab.n }}
접속 기기
{{ dv.label }}{{ dv.n }} · {{ dv.pct }}
아직 집계가 없습니다. 최신 _worker.js 배포 후 방문부터 쌓입니다.
화면별 조회 — 방문자가 어디를 봤는지
{{ h.label }}{{ h.n }}
아직 집계가 없습니다. 한 방문자의 같은 화면은 방문 1회로만 셉니다.
봇 · 크롤러 방문{{ botSummary }}
{{ botCaret }}
{{ b.name }}{{ b.n }}
봇 접속 데이터센터
{{ bg.city }} {{ bg.owner }}{{ bg.n }}
IP·기기 정보는 저장하지 않고 도시 이름별 횟수만 기록합니다. 같은 방문자는 하루 1회로 집계됩니다.
검색엔진·SNS·AI 크롤러 방문은 위쪽 방문자 수, 접속 지역, 화면별 조회에서 빠지고 이 항목에만 쌓입니다.
관리자 비밀번호
관리자 페이지는 사이트 안에 링크가 없으며, 주소 끝에 #adminx 을 붙여 접속합니다.
R2 저장소 (신규 업로드 · 대역폭 무료)
{{ r2Status }}Pages → Settings → Bindings에 R2 버킷을 SITE_R2 이름으로 추가
Cloudinary → R2 사진 이전
등록된 시공사진 중 Cloudinary 주소를 쓰는 것만 R2로 복사하고 주소만 교체합니다. 제품 분류 · 옵션 · 설명 · 공개 여부는 그대로 유지되고, 원본은 Cloudinary에 남습니다.
Cloudinary 사진 R2로 이전{{ migrateCount }}
Cloudinary 업로드 설정 (기존 사진 유지용)
사진·동영상 업로드에 같은 preset을 사용합니다. [파일 선택] 방식은 브라우저 저장(약 5MB)이라 임시 확인용입니다.
서버 저장 진단
서버 연결 진단 실행{{ modeLabel }}
{{ diag }}
관리 경로는 사이트 어느 곳에도 링크로 노출되지 않으며, 로그인은 서버에서 검증됩니다.
더 강한 보호가 필요하면 Cloudflare Zero Trust → Access 로 관리 경로를 이메일 인증으로 감싸십시오.
8.4 버전 data.js 불러오기 · 시공사진 이관
8.4 관리자에서 내려받은 data.js(또는 백업 JSON) 파일을 그대로 올리면 시공사진·제품·옵션 그룹·회사 정보를 v10 구조로 변환해 불러옵니다. 사진이 Cloudinary 절대 URL이면 그대로 연결되고, assets/… 같은 상대 경로면 아래 ‘기존 경로 앞에 붙일 주소’를 채워 절대 URL로 바꿔줍니다.
아래 붙여넣은 내용 불러오기현재 설정 내보내기(JSON)
{{ importNote }}
불러온 뒤에도 상단 저장을 눌러야 사이트에 반영됩니다. 반영 전 [시공사진] 탭에서 목록을 확인하세요. 불러오기는 관리자 비밀번호와 Cloudinary 설정을 건드리지 않습니다 — 현재 값이 그대로 유지됩니다.
시공사진 업로드
{{ upCloseLabel }}
{{ dropLabel }}
JPG · PNG · WebP · 여러 장 한꺼번에
{{ upSummary }}
{{ r.mark }}{{ r.name }}{{ r.note }}
업로드된 사진은 곧바로 R2에 저장되고 아래 목록에 들어갑니다. 창을 닫은 뒤 사진별로 제품 분류와 옵션을 지정하고 [등록]을 누르세요.
이미 올린 파일과 이름이 같으면 자동으로 건너뜁니다.